<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="estilo.css">
    </head>
    <body>
        <div class="menu">
        <h3>FRAMES</h3>
        <ul>
            <li><a href="#51">5.1 INTRODUÇÃO</a></li>
            <li><a href="#52">5.2 DOCUMENTOS DE LAYOUT E DE CONTEÚDO</a></li>
            <li><a href="#53">5.3 FRAMES SOBREPOSTOS DIRETA E INDIRETAMENTE</a></li>
            <li><a href="#54">5.4 LINKS EM FRAME ALVO</a></li>
            <li><a href="html.html">Menu Principal</a></li>
        </ul>
        </div>
        <div class="corpo">
        <p>
            <a id="51">5.1 INTRODUÇÃO </a>
        </p>
        <p>
            Os frames são divisões da tela do navegador em diversas telas 
            (ou “quadros”). Com isso, torna-se possível apresentar mais de uma 
            página por vez: por exemplo, um índice principal em uma parte 
            pequena da tela, e os textos relacionados ao índice em outra parte. 
            O objetivo principal é dividir a página em seções que se tornam HTML 
            independentes. 
        </p>
        <p>
            Não é difícil colocar frames em páginas; porém, nem todos os 
            usuários gostam deles, pois nem sempre a navegação é fácil, além de 
            problemas para a impressão e a marcação dos documentos interiores 
            aos frames nos bookmarks. 
        </p>
        <p>
            <a id="52">5.2 DOCUMENTOS DE LAYOUT E DE CONTEÚDO </a>
        </p>
        <p>
            Com a definição de frames, os documentos escritos em HTML (extensão 
            html ou htm) podem ser de dois tipos: Documentos de Layout e 
            Documentos de Conteúdo. 
        </p>
        <p>
            Documentos de layout contêm informações sobre a estrutura de frames 
            dos documentos. Cada frame declarado em documento de layout contém 
            uma referência implícita ou explícita para outro documento que será 
            exibido no frame. Esse "documento filho" será exibido 
            independentemente da existência de outros frames na janela do 
            navegador. O "documento filho" pode ser um documento de conteúdo ou 
            mesmo outro documento de layout encadeado. 
        </p>
        <p>
            Os documentos de conteúdo são documentos normais em HTML. Um 
            documento de conteúdo pode ser visto em um frame (de um documento 
            de layout) ou sozinho, na janela do navegador. A tag 
            &lt;frame&gt;&lt;/frame&gt; define o conteúdo de cada frame do 
            documento. 
        </p>
        <p>
            &lt;frame src=pagina.htm name=nome scrolling=no noresize&gt; 
        </p>
        <p> 
            SRC:Associa uma URL ao frame. 
            NAME: Associa um valor (nome) à janela. 
            SCROLLING: Define a presença, ausência ou atribuição automática pelo 
            navegador das barras de rolagem. Pode ser yes, no ou auto. 
            NORESIZE: Impede que o usuário mude o tamanho do frame. 
        </p>
        <p>
            A tag &lt;frameset&gt; &lt;/frameset&gt; substitui o TAG 
            &lt;body&gt; em um documento de layout. Ela define a divisão da 
            janela em duas ou mais linhas ou em duas ou mais colunas. Pode 
            haver várias TAGs &lt;frameset&gt; encadeados, fazendo-se, desta 
            maneira, divisões das divisões da página. 
        </p>
        <p>
            Contém os elementos FRAME, NOFRAMES e outros FRAMESETs que podem ser 
            aninhados para que se tenha uma divisões dentro de uma divisão de 
            layout. 
        </p>
        <p>
            &lt;frameset cols=quant rows=quant frameborder=1|0 framespacing=num&gt;
        </p>
        <p>
            COLS: Divide a janela (ou frame) em diversos frames verticais, 
            tantos quantos forem os valores descritos. Os valores podem estar 
            expressos em pixels, percentuais ou relativamente uns aos outros. 
            Ex: &lt;frameset cols="70%,*"&gt; &lt;frameset cols="50,100"&gt;. 
        </p>
        <p>
            ROWS: Divide a janela (ou frame) em diversos frames horizontais, 
            tantos quantos forem os valores descritos. Os valores podem estar 
            expressos em pixels, percentuais ou relativamente uns aos outros. 
        </p>
        <p>
            FRAMEBORDER: Indica se será exibida uma borda 3D para os frames, 
            ou se os frames não aparecerão destacados por uma borda. O parâmetro 
            pode assumir os valores "1" (default, indica a exibição da borda) ou 
            "0" (suprime a exibição de borda). 
        </p>
        <p>
            FRAMESPACING: Cria um espaço adicional, em pixels, entre os frames. 
        </p>
        <p>
            Os atributos FRAMESPACING e FRAMEBORDER funcionam igualmente por 
            toda a cadeia de FRAMESETs encadeados, bastando que sejam declarados 
            no primeiro comando FRAMESET a ser utilizado. A definição de frames 
            através de percentuais é interessante, pois a diagramação da janela 
            é preservada, não importando a resolução em que se estiver 
            visualizando a página. 
        </p>
        <p>
            <a id="53">5.3 FRAMES SOBREPOSTOS DIRETA E INDIRETAMENTE </a>
        </p>
        <p>
            A janela do navegador pode ser dividida em diversos frames 
            horizontais e verticais. Para que isso seja possível, as TAGs 
            &lt;frameset&gt; são encadeadas. Assim são criados frames 
            sobrepostos diretamente: 
        </p>
        <p>
            <a href="ex011.html">EX11 (Documento de Layout) </a>
        </p>
        <p>                       
            O documento acima é um documento de layout. Os documentos a que se 
            referem os comandos &lt;frame&gt;, dentro do &lt;frameset&gt;, são 
            tipicamente documentos de conteúdo, mas também poderão ser novos 
            documentos de layout, que dividam novamente cada frame. 
        </p>
        <p>                                                                                                           
            A janela do navegador foi inicialmente dividida em 2 frames 
            horizontais iguais. Foi atribuído o documento de conteúdo 
            "ex11a.htm" ao primeiro frame. 
        </p>
        <p>                                                                                                           
            Em seguida, dividiu-se o segundo frame em dois frames verticais, o 
            primeiro com 30% do espaço disponível e o segundo com os restantes 
            70%. Um frame pode exibir um documento de conteúdo, isto é, um 
            documento tradicional com textos, imagens etc, ou um documento de 
            layout, que o dividiria novamente em outros frames. Chama-se isto 
            de divisão indireta. 
        </p>
        <p>                                                                                                           
            Iremos criar os documentos ex11a, ex11b e ex11c para fazer 
            funcionar o exemplo. 
        </p>
        <p>
            <a href="ex11a.html">EX11A</a>
        </p>
        <p>
    
            <a href="ex11b.html">EX11B</a>
        </p>
        <p>
     
            <a href="ex11c.html">EX11C</a>
    </p>
    

    <p>                    
        <a href="54">5.4 LINKS EM FRAME ALVO </a>
    </p>
    <p>                                                                                                           
        Quando o usuário pressiona um link qualquer em um frame, o link pode 
        atualizar seu próprio frame com o documento contido em sua URL, ou 
        atualizar outro frame. Para que seja possível a atualização de outros 
        frames, foi introduzido o atributo TARGET na TAG &lt;a&gt;. O atributo 
        "TARGET" pode ter o nome de um frame ou uma dentre as seguintes palavras: 
    </p>
    <p>                                                                                                           

        _self (atualiza o próprio frame) 
        _parent (atualiza o "frame-mãe") 
        _top (atualiza toda a janela, independente de qualquer frame - ex.: link externo) 
        _blank ou _window (abre uma nova janela de navegador) 

        "_self", "_parent" e "_top" são case-sensitive, e devem ser escritos em minúsculas. 
    </p>
    <p>                                                                                                           
        <a href="ex12.html">EX12</a>
    </p>

        <a href="ex12a.html">EX12a</a>
        <a href="ex12b.html">EX12b</a>
        
                            EX12C.HTML EX12D.HTML 
                            <HTML> <HTML> 
                                    <HEAD></HEAD> <HEAD> 
                                    <BODY> <TITLE>Capítulo 3 </TITLE> 
                                        <H1>Este é o documento c.htm</H1> </HEAD> 
                                        <H2>Capítulo 2</H2> <BODY bgcolor=lightgreen> 
                                    </BODY> <H1>Este é o documento d.htm</H1> 
                                </HTML> <H2>Capítulo 3</H2> 
                                </BODY> 
                            </HTML> 
                            EX12E.HTML EX12F.HTML 
                            <HTML> <HTML> 
                                    <HEAD> <HEAD> 
                                        <TITLE>Capítulo 5 </TITLE> <TITLE>Capítulo 5 </TITLE> 
                                    </HEAD> </HEAD> 
                                    <BODY bgcolor=aqua> <BODY bgcolor=#ccccee> 
                                        <H1>Este é o documento e.htm</H1> <H1>Este é o documento f.htm</H1> 
                                        <H2>Capítulo 4</H2> <H2>Capítulo 5</H2> 
                                    </BODY> </BODY> 
                                </HTML> </HTML> 
        <a href="ex12g.html">EX12G.HTML EX12NADA.HTML</a>
        <a href="ex12sos.html">EX12SOS</a>
        <a href="ex12hlp.html">EX12HLP</a>
        <a href="ex12ind.html">EX12IND</a>
        </div>
    </body>
</html>
